<template>
    <div>
      <el-steps :active="active" finish-status="success" simple style="margin-top: 20px">
        <el-step title="添加商品基本信息" ></el-step>
        <el-step title="添加商品属性信息" ></el-step>
        <el-step title="确认商品信息并发售商品" ></el-step>
      </el-steps>

<!--    表单  -->
      <el-form ref="form" :model="form" label-width="80px">

        <el-form-item label="分类选择">
          <el-cascader
            expand-trigger="hover"
            :options="options"
            :props="props"
            v-model="selectedOptions2"
            @change="handleChange">
          </el-cascader>
        </el-form-item>

      </el-form>






      <el-button style="margin-top: 12px;" @click="next">下一步</el-button>


    </div>
</template>
<script>
export default {
  name:'saveInfo',
  data() {
    return {
      active: 0,//当前步骤索引
      form:{//表单数据


      },
      options: [{
        value: 'zhinan',
        label: '指南',
        children: [{
          value: 'shejiyuanze',
          label: '设计原则',

        }, {
          value: 'daohang',
          label: '导航',

        }]
      }, {
        value: 'zujian',
        label: '组件',
        children: [{
          value: 'basic',
          label: 'Basic',

        }, {
          value: 'form',
          label: 'Form',

        }, {
          value: 'data',
          label: 'Data',

        }, {
          value: 'notice',
          label: 'Notice',

        }, {
          value: 'navigation',
          label: 'Navigation',

        }, {
          value: 'others',
          label: 'Others',

        }]
      }, {
        value: 'ziyuan',
        label: '资源',
        children: [{
          value: 'axure',
          label: 'Axure Components'
        }, {
          value: 'sketch',
          label: 'Sketch Templates'
        }, {
          value: 'jiaohu',
          label: '组件交互文档'
        }]
      }],
      props: {
        value: 'value',
        label:'label',
        children: 'children'
      },
      selectedOptions: [],
      selectedOptions2: []
    };
  },


  methods: {
    next() {
      this.$router.push({path:'/saveAttr'})
    },
    handleChange(value) {
      console.log(value);
    }
  }

}
</script>
<style scoped>

</style>
